<template>
    <div id="main" class="app-main">
        <router-view v-if="isRouterAlive"></router-view>
    </div>
</template>

<script>
    export default {
        provide () {
            return {
                reload: this.reload
            };
        },
        data () {
            return {
                theme: this.$store.state.app.themeColor,
                isRouterAlive: true
            };
        },
        mounted () {

        },
        beforeDestroy () {

        },
        methods: {
            reload () {
                this.isRouterAlive = false;
                this.$nextTick(function () {
                    this.isRouterAlive = true;
                });
            }
            
        }
    };
</script>

<style lang="less">
@import 'styles/index.less';
html,body{
    width: 100%;
    height: 100%;
    background: #f0f0f0;
    color: #fff;
    overflow: hidden;
    color: #fff;
}
/*
 *  滚动条样式
 */
::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #f5f5f5;
}
::-webkit-scrollbar {
  width: 6px;
  background-color: transparent;
}
::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #bbbec4;
  transition: background-color 0.3s ease 0s;
}
.ivu-table-body::-webkit-scrollbar-thumb {
  transform: scaleY(0.5) !important;
  width: 6px !important;
}
::-webkit-scrollbar-thumb:hover {
  background-color: #80848f;
}
::-webkit-scrollbar-thumb:active {
  background-color: #495060;
}
.app-main{
    width: 100%;
    height: 100%;
}
</style>
